<!--17-onchange事件.html-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>onchange事件</title>
    <script type="text/javascript">
        function onchangeFunc() {
            alert("喜欢的语言改变！")
        }

        window.onload = function () {
            var elementById = document.getElementById("select-01");
            elementById.onchange = function () {
                alert("喜欢的运动改变！")
            }
        }
    </script>
</head>
<body>

    选择你喜欢的语言：
    <select onchange="onchangeFunc();">
        <option>--语言--</option>
        <option>Java</option>
        <option>C++</option>
        <option>Python</option>
    </select>

    选择你喜欢的运动：
    <select id="select-01">
        <option>--运动--</option>
        <option>篮球</option>
        <option>足球</option>
        <option>桌球</option>
    </select>
</body>
</html>